* {
	box-sizing: border-box;
}

page {
	/* 定义根节点的最小高度为整个窗口的高度 */
	min-height: 100vh;
	background-color: #F4F6FA;
	font-size: 28rpx;
	color: #333;



}

.line1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;
}

.line3 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 超出几行省略 */
  overflow: hidden;
}
.box {
	background-color: #fff;
	padding: 20rpx;
	border-radius: 10rpx;
	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, .1);
}
.circle-image {
  width: 100px; /* 设置固定宽度 */
  height: 100px; /* 设置固定高度，使其为正方形 */
  border-radius: 50%; /* 使图片为圆形 */
  object-fit: cover; /* 确保图片按比例缩放 */
}
.square-box {
  display: inline-block;
  padding: 3px; /* 内边距，可根据需要调整 */
  border: 1px solid #C58320; /* 边框颜色和宽度 */
  font-size: 12px; /* 字体大小 */
  color: white;
  background-color: #C58320;
  box-sizing: border-box; /* 包含边框和内边距在内的总大小 */
}
.oval-box {
  display: inline-block;
  padding: 3px; /* 内边距，可根据需要调整 */
  border: 1px solid #3F86FF; /* 边框颜色和宽度 */
  font-size: 12px; /* 字体大小 */
  color: #3F86FF;
  border-radius: 20px;
  box-sizing: border-box; /* 包含边框和内边距在内的总大小 */
}

.resizable-box {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    overflow: auto; /* 确保内容在调整大小时不会被截断 */
    min-width: 150px; /* 最小宽度 */
    min-height: 150px; /* 最小高度 */
}
.divider {
  border-bottom: 1px dashed #E3E3E3; /* 这里设置虚线样式 */
  margin: 2px 0; /* 上下间距 */
  padding-bottom: 2px; /* 底部间距 */
}
